<template>
<div class="welcome">

  <div class="video-wrap unselectable-text" >
    <video class="video-wrap__video"
           src="https://static.yiqiyoo.com/prod/assets/1115236752455.mp4"
           autoplay="autoplay" loop
           muted=""
           referrerpolicy="no-referrer"
           crossorigin="anonymous"></video>
  </div>
  <div style="margin: 30px" >
    <img class="unselectable-text" src="https://p1.dailygn.com/obj/g-marketing-act-assets/resource/game_refactor_template-v1.0.0/1719999827335/pc/cdn/img/index/pc-slogan.png" alt="">
  </div>
  <img alt="Da-Shou logo" src="../assets/logo-w.png">

  <div class="hello">

    <h1 class="unselectable-text"> Welcome to Your Da-Shou </h1>
    <h3 class="unselectable-text"> 用 人 工 智 障 将 终 极 问 答 变 得 更 简 单 </h3>
    <h3><a href="/home" target="_self" rel="noopener"> - - 轻戳此处进入 - - </a></h3>
  </div>
</div>
</template>

<script >
export default {
  data() {
    return {

    };
  },
  mounted() {
    sessionStorage.setItem('isLogin', '0')
  }

}
</script>

<style scoped>
.welcome{
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

.video-wrap {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  overflow: hidden;
  background-color: #c0e4f3
}

.video-wrap__video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.unselectable-text {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard syntax */
}

h1,h3{
  color: white;
}
h1{
  font-size: 3rem;
}
.router-link-active {
  text-decoration: none;
  color: yellow;
}
a{
  text-decoration: none;
  color: yellow;
}
</style>